@font-face {  
	font-family: "Roboto";   
  	src:
  	    url("../fonts/roboto2draft/Roboto2DRAFT-Light.ttf") format("truetype"),
  		url("../fonts/roboto2draft/Roboto2DRAFT-Regular.ttf") format("truetype"),
		url("../fonts/roboto2draft/Roboto2DRAFT-Medium.ttf") format("truetype"),
  		url("../fonts/roboto2draft/Roboto2DRAFT-Bold.ttf") format("truetype")
  	;
	font-weight: 300; 
}

/* add preloading here too */
body {
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 16px;
	color: #fff;
	background: #fff;
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden;
}

body::-webkit-scrollbar {
	display: none;
}

h1 { font-size: 2em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.5em; }

a:link, a:active, a:hover, a:visited { 
	color: #4285f4; 
	text-decoration: none; 
}

.preloader {
	position: fixed; 
	top: -9999px; 
	left: -9999px; 
}

.loader {
	position: fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	text-align: center;
	background-color: rgba(0,0,0,0.7);
	z-index:3000;
}

.subpage-loader {
	position: absolute;
	background: rgba(255,255,255,0.5);
	color: #000;
	top: 0;
	width: 100%;
	left: 0;
	height: 100%;
	text-align: center;
}

.loader .content, .subpage-loader .content {
	position: relative;
	display: table;
	width: 100%;
	height: 100%;
}

.loader .content article, .subpage-loader .content article {
	position: relative; 
	display: table-cell; 
	width: 100%;
	height: 100%;
	vertical-align: middle;
	text-align: center;
}

.nicescroll-rails { 
	background: transparent !important;
}

/* overriding the styles */
#menu {
	position: fixed;
	width: 100%;
	height: 80px;	
	background-color: transparent;	
	border-radius: 0;
	border: none;
	font-size: 0.8em;
	z-index: 1000;
	-webkit-transform: translate3d(0,0,0);
}

#menuBg {
	position: fixed;
	width: 100%;
	height: 130px;	
	background-color: #444;	
	box-shadow: 0 2px 2px rgba(0,0,0,0.2);
	opacity: 1;
	z-index: 999;	
	-webkit-transform: translate3d(0,0,0);
}

#menuBg .graybar {
	background-color: #323232;
	height: 19px;
}

ul#nav li {
	cursor: pointer;
}

/*.navbar-toggle {
	margin-top: 20px;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	margin-top: -10px;
	background-color: #444;
	border: none;
}*/

.navbar-header {
	margin-top: 35px;
	height: 82px;
}
.navbar-default {
	font-weight: 600;
	text-transform: uppercase;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	margin-top: 49px;
}
.navbar-default .navbar-brand, .navbar-default .navbar-brand:hover {
	color: #fff !important;
}
.navbar-default .navbar-brand span.logo {
	margin-right: 10px;
	display: inline-block;
	vertical-align: middle;
	width: 48px;
	height: 48px;
	background: transparent url('../img/general/logo.png') top left no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
}
.navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:visited, .navbar-default .navbar-nav>li>a:active {
	color: rgba(255,255,255,0.5);
	-webkit-transition: all 125ms ease;
	transition: all 125ms ease;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
	color: #fff !important;
	background-color: transparent;
}

.navbar-brand {
	font-size: 1.3em;
}

.carousel-control.left, .carousel-control.right {
	background-image: none;
}
.carousel-indicators li {
	width: 14px;
	height: 14px;
	margin: 0 4px;
	background-color: rgba(256,256,256,0.3);
	border: none;
	-webkit-transition: all 50ms ease-out;
	transition: all 50ms ease-out;
}
.carousel-inner {
	position: relative;
	height: 300px;
	margin: auto 0;
}
.carousel-indicators li.active {
	background-color: rgba(256,256,256,1);
	width: 14px;
	height: 14px;
	margin: 0 4px;
	border: none;
}
.carousel-inner .item h3 {
	width: 74%;
	font-size: 3em;
	font-weight: 600;
	margin: 0 auto;
	text-shadow: 1px 1px rgba(0,0,0,0.2);
}

.carousel-inner .item p {
	width: 74%;
	margin: 1.5em auto 0;
	font-size: 1.5em;
}
.bg-white { 
	background-color: #fff; 
	color: #848484; 
}
.bg-white .hrz-rule h2 { 
	color: #848484; 
}
p.lead {
	font-size: 1.8em;
}

.hrz-rule {
	position: relative;
	margin: 0 auto;
	width: 50%;
	border-bottom: 1px solid #dadada;
}
.hrz-rule h2 {
	text-transform: uppercase;
	font-size: 1em;
	letter-spacing: 4px;
	font-weight: 600;
	color: #fff;
}

/* sections */
section {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	margin-left: auto; 
	margin-right: auto;
	text-align: center;
	overflow: hidden;
	transform-origin: top center;
	transition: all .2s linear;	
	-webkit-transform-origin: top center;
	-webkit-transition: all .2s linear;
}

section .overlay {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

.overlay.semi-black { background-color: rgba(0,0,0,0.4); }
.overlay.semi-haki { background-color: rgba(130, 119, 23, 0.5); }
.overlay.semi-grey { background-color: rgba(82, 82, 82, 0.5); }

section .container {
	position: relative;
	display: table;
	height: 100%;
}

section .container article, section .container .carousel {
	position: relative; 
	display: table-cell; 
	height: 100%; 
	vertical-align: middle;
}

/* particular sections */
section.hero {
	height: 100%;
	color: #fff;
	background: url('../img/index/banners/hero.jpg') 50% 50% no-repeat;	
	-webkit-background-size: cover;
	background-size: cover;
	overflow: hidden;
}

section.projects {
	height: 800px;
}

section.principles {
	height: 800px;
	color: #fff;
	background: #bda914 url('../img/index/banners/dashboard.jpg') 50% 50% no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	overflow: hidden;
}

section.resources {
	height: 600px;
}

section.research {
	height: 600px;
	color: #fff;
	background: #555 url('../img/index/banners/kittens.jpg') 50% 50% no-repeat;	
	-webkit-background-size: cover;
	background-size: cover;
	overflow: hidden;
}

section.team {
	height: 1500px;
}

section.team .members {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	bottom: 140px;
}

/* sections & elements */
.list-of-projects-row { margin-top: 1em; }
.list-of-projects-row .project-item {
	text-decoration none;
	display: table;
	background: #000; 
	width: 100%; 
	height: 180px;
	color: #fff;
	vertical-align:middle;	
	text-align: center;
	cursor: pointer;
	opacity: 0;
}

.list-of-projects-row .project-item:hover {
	text-decoration:none;
}
.project-item h3 { position: relative; margin-top: 75px; }

#project-1 { 
	background: transparent url("../img/index/projects/pla.png") center center no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	-webkit-transform: translate3d(-40px,-40px,0px); 
}
#project-2 {
	background: transparent url("../img/index/projects/property.png") center center no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	-webkit-transform: translate3d(0px,-40px, 0px); 
}
#project-3 { 
	background: transparent url("../img/index/projects/gsx.png") center center no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	-webkit-transform: translate3d(40px, -40px, 0px);
}
#project-4 { 
	background: transparent url("../img/index/projects/trust.png") center center no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	-webkit-transform: translate3d(-40px, 40px, 0px); 
}
#project-5 { 
	background: transparent url("../img/index/projects/merchant.png") center center no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	-webkit-transform: translate3d(0px, 40px, 0px); 
}
#project-6 { 
	background: transparent url("../img/index/projects/more.png") center center no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	-webkit-transform: translate3d(40px, 40px, 0px); 
}

#hero p.lead { 
	font-size: 2.4em; 
	text-align: left; 
	width: 60%;
	
	opacity: 0;
	-webkit-transform-origin: top left;
	-webkit-transform: scale3d(1.1,1.1,0) translate3d(0px, -40px,0);
}

#hero h2 {
	text-transform: uppercase;
	font-size: 1em;
	letter-spacing: 4px;
	font-weight: 600;
	color: #fff;
	text-align: left;
	opacity: 0.8;
	padding-bottom: 5px;
	
	opacity: 0;
	-webkit-transform-origin: top left;
	-webkit-transform: scale3d(1.1,1.1,1) translate3d(0px, -40px,0);
}

figure {
	display: block;
	position: relative;
	width: 100%;
	opacity: 0;
	-webkit-transform: translate3d(0px, 40px, 0px);
}

figure figcaption {
	text-align: center;
	min-height: 36px;
	padding: 10px;
}

figure h4 {
	color: #000;
	font-size: 1em;
	margin: 0;
	padding: 0.2em 0;
}

figure p {
	color: #666;
	text-transform: uppercase;
	font-size: 0.8em;
	margin: 0px;
}

figure a {
	text-decoration: none;
}

figure .img, figure img {
	opacity: 0.5;
	height: 165px;
	width: 165px;
	margin: 0 auto;
	
	-webkit-transition: all 125ms ease-out;
	transition: all 125ms ease-out;
}

figure:hover .img, figure:hover img {
	opacity: 1;
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

footer {
	position: absolute;
	left: 0;
	width: 100%;
	height: 140px;
	bottom: 0;
	background-color: #444;
	color: #ccc;
	line-height: 140px;
}

footer .container {
	text-align: left;
	background: transparent url("../img/general/logo-acux.png") center right no-repeat;
	-webkit-background-size: 30px 31px;
	background-size: 30px 31px;
	font-weight: 600;
	font-size: 0.85em;
}

@media (max-width: 995px) {
	.list-of-projects-row { margin-top: 0; }
	.list-of-projects-row .project-item { height: 80px; }
	.project-item h3 { margin-top: 25px; }
	section.team { height: 3780px; }
	figure img, figure .img { width: 85px; height: 85px; }
	#teamname { display: none; }
}
